 .warpper {
     margin-top: 67px;
     box-sizing: border-box;
     .shang-xian{
         width: 300px;
         height: 200px;
         margin: auto;
         margin-bottom: 30px;
         > img {
             width: 100%;
             height: 100%;
         }
     }
     .icon {
         display: flex;
         div {
             width: 6px;
             height: 6px;
             background-color: #5287ff;
             border-radius: 50%;
             margin-right: 3px;
         }
     }
     .head-bg {
         height: 221px;
         position: relative;
         background-image: url('../../images/ctiy/bg.png');
         background-size: cover;
     }
     .brief-warpper {
         display: flex;
         align-items: flex-start;
         .brief-img {
             width: 589px;
             height: 500px;
             text-align: center;
             img {
                 height: 500px;
             }
         }
         .brief-desc {
             flex: 1;
             >p {
                 font-size: 20px;
                 line-height: 35px;
                 margin-bottom: 40px;
                 color: #333;
             }
             .brief-title {
                 font-size: 30px;
                 text-align: center;
                 margin-bottom: 40px;
                 color: #181818;
             }
             .function {
                 margin-top: 10px;
                 cursor: pointer;
                 font-size: 30px;
                 color: #181818;
                 display: flex;
                 flex-wrap: wrap;
                 span {
                     width: 33.333%;
                     &:hover {
                         color: #5287ff;
                     }
                 }
             }
         }
     }
     .project {
         width: 1200px;
         height: 433px;
         border-radius: 20px;
         overflow: hidden;
         position: relative;
         margin-bottom: 40px;
         color: #fff;
         .project-bg {
             width: 100%;
             height: 100%;
             position: absolute;
             z-index: -1;
             top: 0;
             left: 0;
             right: 0;
             bottom: 0;
         }
         .title {
             font-size: 30px;
             width: 462px;
             height: 77px;
             line-height: 77px;
             text-align: center;
             margin: auto;
             border-bottom: 1px solid #fff;
         }
         .desc {
             margin: 0 170px;
             margin-top: 40px;
             font-size: 22px;
             line-height: 36px;
         }
     }
     .project-dynamic {
         display: flex;
         margin-bottom: 30px;
         .img-warpper {
             width: 573px;
             img {
                 width: 100%;
             }
         }
         .desc-warpper {
             flex: 1;
             margin-left: 20px;
             .desc-title {
                 font-size: 30px;
                 color: #739eff;
                 text-align: center;
             }
             .desc-info {
                 margin-top: 40px;
                 font-size: 20px;
                 color: #242323;
                 line-height: 36px;
             }
         }
     }
     .advantage-warpper {
         margin-top: 40px;
         .advantage-title {
             text-align: center;
             font-size: 29px;
             margin-bottom: 40px;
             color: #242323;
         }
         .advantage-item {
             display: flex;
             position: relative;
             margin-bottom: 40px;
             .itme-icon {
                 position: absolute;
                 top: 50px;
                 left: 0;
                 right: 0;
                 margin: auto;
                 width: 132px;
                 height: 132px;
             }
             .adcantage-desc {
                 width: 443px;
                 display: flex;
                 flex-direction: column;
                 .desc-img {
                     width: 24px;
                     height: 28px;
                     margin-bottom: 20px;
                 }
                 .desc-title {
                     font-size: 29px;
                     color: #242323;
                     margin-bottom: 20px;
                 }
                 .desc-info {
                     font-size: 20px;
                     line-height: 35px;
                     color: #666;
                     overflow: hidden;
                     text-overflow: ellipsis;
                     display: -webkit-box;
                     -webkit-line-clamp: 4;
                     -webkit-box-orient: vertical;
                 }
             }
         }
     }
     .profit-warppeer {
         margin-top: 40px;
         .profit-title {
             text-align: center;
             font-size: 29px;
             margin-bottom: 40px;
             color: #242323;
         }
         .from-title {
             font-size: 30px;
             color: #242323;
             margin-bottom: 10px;
         }
         .from-warpper {
             margin-top: 30px;
             display: flex;
             align-items: flex-end;
             .from-item {
                 width: 207px;
                 margin-right: 50px;
                 box-shadow: 0 0 0 1px #bfbfbf;
                 border-top: 28px solid #5287ff;
                 display: flex;
                 justify-content: center;
                 align-items: flex-end;
                 font-size: 81px;
                 color: #242323;
                 padding-bottom: 20px;
                 box-sizing: border-box;
             }
         }
     }
     .city-warpper {
         margin-top: 40px;
         .city-title {
             text-align: center;
             font-size: 29px;
             margin-bottom: 40px;
             color: #242323;
         }
         .city-desc {
             display: flex;
             justify-content: space-between;
             align-items: flex-start;
             .desc-wrapper {
                 width: 360px;
                 .dsec-title {
                     font-size: 34px;
                     color: #242323;
                     margin-bottom: 20px;
                 }
                 .desc-city {
                     font-size: 30px;
                     color: #686767;
                     margin-bottom: 20px;
                 }
                 .desc-info {
                     font-size: 26px;
                     color: #6d6d6d;
                     line-height: 37px;
                 }
             }
         }
         .business-warpper {
             margin: auto;
             position: relative;
             z-index: 2;
             width: 1200px;
             height: 361px;
             background-color: #6ba0f7;
             box-shadow: 0px 11px 17px 0px rgba(107, 160, 247, 0.48);
             border-radius: 10px;
             display: flex;
             align-items: center;
             justify-content: space-between;
             box-sizing: border-box;
             padding: 0 120px;
             font-size: 30px;
             color: #fefefe;
             p {
                 margin: 20px 0;
             }
             .desc {
                 margin-bottom: 60px;
             }
         }
         .code-warpper {
             position: relative;
             z-index: 1;
             margin: auto;
             margin-top: -10px;
             width: 1200px;
             height: 460px;
             display: flex;
             justify-content: space-between;
             align-items: flex-end;
             box-sizing: border-box;
             padding: 0 130px;
             background-color: #ededed;
             .code-item {
                 width: 247px;
                 text-align: center;
                 margin-bottom: 40px;
                 img {
                     width: 247px;
                     height: 247px;
                     margin-bottom: 20px;
                 }
                 p {
                     color: #6ba0f7;
                     font-size: 30px;
                 }
             }
         }
     }
 }